﻿<html>
	<head>
		<title>CONTATO | FILMES</title>
		<link rel="stylesheet" type="text/css" href="../CSS.css">
		<style>
			.contato{
				margin-left: -25px;
				border-color: #1C1C1C;
			}
			.posts{
				background-color: #363636;
				border: 5px double red;
				height:616px;
				width: 923px;
				margin-top: 10px;
				margin-left: 200px;
			}
			.comentario{
				margin-top: 5px;
				margin-left: 220px;
			}
			.nome, .label_nome, .email, .label_email, .empresa, .label_emp,  .sexo, .label_sexo, .label_assunto{
				margin-left:220px;
			}
			.sexo{
				width:125px;
			}
			.label_cel{
				margin-left:220px;
			}
			.label_fone{
				margin-left:224px;
			}
			.label_hora{
				margin-left:210px;
			}
			.label_contato{
				margin-left:231px;
			}
			.fone, .cel, .hora, .forma_contato{
				margin-left: 110px;
			}
			.forma_contato{
				width: 150px;
				height:60px;
				margin-top: -60px;
				margin-left:490px;
				background:0;
				color:#9C9C9C;
				border: 2px solid #9C9C9C;
			}
			.assunto{
				width:97px;
			}
			
			label{
				color:#9C9C9C;
			}
			.enviar, .cancel{
				background: 0;
				border: 3px double #9C9C9C;
				width:88px;
				height: 38px;
				color: #9C9C9C;
				margin-left: 10px;
				margin-bottom: 3px;
			}
			.enviar{
				cursor: pointer;
				margin-left:220px;
				padding-left: 32px;
				background: no-repeat url(../Imagens/send3.png);
				
			}
			.cancel{
				cursor: pointer;
				padding-left: 32px;
				background: no-repeat url(../Imagens/cancel2.png);	
			}
			h2{
				color: red;
				Margin-left:220px;
			}
		</style>
	</head>
	<body>
		<div class="cabecalho">
			<img src="../Imagens/cab1.png">
			<a href="../base.html"><img class="titulo" src="../Imagens/fil.png"></a>
		</div>
		
		<div class= "fb">
			<a href= "https://www.facebook.com/bruno.mafioletti.7" target= "_blank"><img src= "../Imagens/fb.jpg"/></a>
		</div>
		
		<div class="esucri">
			<a href="http://www.esucri-univer.com.br/siteesucri/index.htm" target= "_blank"><img src="../Imagens/esucri.jpg"/></a>
		</div>
		
		<div class="menu">
			<a href="../base.html"><img class="home" src="../Imagens/HOME.png"/></a>
			<a href="filmes.html"><img class="filmes" src="../Imagens/filmes.png"/></a>
			<a href="assistir.html"><img class="assistir" src="../Imagens/ASSISTIR.png"/></a>
			<a href="noticias.html"><img class="noticias" src="../Imagens/noticias.png"/></a>
			<a href="sobre.html"><img class="sobre" src="../Imagens/SOBRE.png"/></a>
			<a href="contato.html"><img class="contato" src="../Imagens/contato.png"/></a>	
		</div>
		
		<div class="posts">
			<form action="contato@meusite.com.br" method="post">
				
				<fieldset>
					<h2>Deixe a sua mensagem!</h2>
					
					<label for="nome" class="label_nome">Nome:</label>
					<label for="fone" class="label_fone"> Telefone:</label></br>
				
					<input type="text" name="nome" maxlength="30" id="nome" class="nome"/>
					<input type="text" name="fone" maxlength="10" id="fone" class="fone"/></br>
					
					<label for="email" class="label_email">E-Mail:</label>
					<label for="cel" class="label_cel">Celular:</label></br>
					
					<input type="text" name="email" maxlength="30" id="email" class="email"/>
					<input type="text" name="cel" maxlength="10" id="cel" class="cel"/></br>
					
					<label for="empresa" class="label_emp">Empresa:</label>
					<label for="hora" class="label_hora">Horário de contato:</label></br>
					
					<input type="text" name="empresa" maxlength="30" id="empresa" class="empresa"/>
					<input type="text" name="hora" maxlength="5" id="hora" class="hora"/></br>
					
					<label for="sexo" class="label_sexo">Sexo:</label>
					<label for="forma_contato" class="label_contato">Forma de Contato:</label></br>

					<fieldset name="sexo" class="sexo">
					<input type="radio" name="sexo" value="M" checked="checked" id="sexo_m"/>
					<label for="sexo_m">Masculino</label></br>
					<input type="radio" name="sexo" value="F" id="sexo_f"/>
					<label for="sexo_f">Feminino</label>
					</fieldset>
	
					<select name="forma_contato" class="forma_contato" multiple="multiple">
						<option value="email">E-Mail</option>
						<option value="fone">Telefone</option>
						<option value="cel">Celular</option>
					</select></br></br>
					
					<label for="label_assunto" class="label_assunto">Assunto: </label>
					<select name="assunto" class="assunto">
						<option value="sugestao">Sugestão</option>
						<option value="reclamacao">Reclamação</option>
						<option value="agradecimento">Agradecimento</option>
						<option value="erro">Erro no blog</option>
					</select></br>
					
					<textarea name="comentario" rows="12" cols="50" class="comentario">Digite seu comentário aqui.</textarea></br></br>
					
					<input type="submit" value="Enviar" class="enviar"/>
					<input type="reset" value="Calcelar" class="cancel"/>
				
				</fieldset>
				
			</form>
			
		</div>
		<div class="rodape">
			<img class="rodape_img" src="../Imagens/rodape.png"/>
			<img class="tomada" src="../Imagens/tomada.jpg"/>	
			<img class="projetor" src="../Imagens/projetor.jpg"/>	
			<p class="desc_rodape">
				<strong>Desenvolvido por Bruno Mafioletti e Cristiano Gonzaga.
				<br/>Esucri, Sistemas de Informação, Tópicos Especiais I.</strong>
			</p>
		</div>
	
	</body>
</html>

